<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE>
<html>
<head>
    <title>举报列表</title>

    <smLink1>
        <link rel="stylesheet" href="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css">
        <link rel="stylesheet" href="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.standalone.min.css">
    </smLink1>
    <smLink2></smLink2>

    <smScript1>
        <script type="text/javascript" src="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
        <script type="text/javascript" src="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
        <script type="text/javascript" src="<%=basePath%>js/lib/ace/components/datatables/media/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="<%=basePath%>js/lib/ace/components/_mod/datatables/jquery.dataTables.bootstrap.min.js"></script>
    </smScript1>
    <smScript2>
        <script type="text/javascript" src="<%=basePath%>js/common/datatables.utils.js"></script>
        <script type="text/javascript" src="<%=basePath%>js/jsp/report/list.js"></script>
    </smScript2>
</head>

<body>
<div id="breadcrumbs" class="breadcrumbs ace-save-state">
    <ul class="breadcrumb">
        <li>
            <span>举报列表</span>
        </li>
    </ul>
</div>

<div class="page-content">
    <div class="row">
        <div class="col-xs-12">
            <div class="clearfix">
                <div class="pull-right tableTools-container"></div>
            </div>

            <div class="table-header p-0">
                <h4 class="header m-0 p-l-10 p-t-5 p-b-5">举报列表</h4>

                <form role="form" class="form-inline m-0 p-l-10 p-b-5">
                    <div class="form-group m-r-10">
                        <label class="control-label" for="report_create_person">举报人：</label>

                        <input id="report_create_person" class="form-control input-sm" type="text" placeholder="输入举报人">
                    </div>

                    <div class="form-group m-r-10">
                        <label class="control-label" for="report_create_person_phone">举报人手机号：</label>

                        <input id="report_create_person_phone" class="form-control input-sm" type="text" placeholder="输入举报人手机号">
                    </div>

                    <div class="form-group m-r-10">
                        <label class="control-label" for="report_handle_person">处理人：</label>

                        <input id="report_handle_person" class="form-control input-sm" type="text" placeholder="输入处理人">
                    </div>

                    <div class="form-group m-r-10">
                        <label class="control-label" for="report_name">举报标题：</label>

                        <input id="report_name" class="form-control input-sm" type="text" placeholder="输入举报标题">
                    </div>

                    <div class="form-group m-r-10">
                        <label class="control-label" for="report_source">举报来源：</label>

                        <select id="report_source" class="form-control input-sm search-select">
                            <option selected="selected" value="">全部</option>
                            <option value="电话">电话</option>
                            <option value="微信">微信</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="report_result">举报结果：</label>

                        <select id="report_result" class="form-control input-sm search-select">
                            <option selected="selected" value="">全部</option>
                            <option value="1">已举报</option>
                            <option value="2">核实中</option>
                            <option value="3">已核实</option>
                            <option value="4">已关闭</option>
                            <option value="5">已发放</option>
                        </select>
                    </div>
                </form>

                <form role="form" class="form-inline m-0 p-l-10 p-b-5">
                    <div class="form-group m-r-10">
                        <label class="control-label">举报日期：从</label>

                        <div class="input-group input-group-sm">
                            <input id="report_create_start_date" class="form-control" type="text" readonly="readonly" placeholder="开始日期">

                            <span class="input-group-addon">
                                <i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
                            </span>
                        </div>

                        <label class="control-label">至</label>

                        <div class="input-group input-group-sm">
                            <input id="report_create_end_date" class="form-control" type="text" readonly="readonly" placeholder="结束日期">

                            <span class="input-group-addon">
                                <i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
                            </span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label">处理日期：从</label>

                        <div class="input-group input-group-sm">
                            <input id="report_handle_start_date" class="form-control" type="text" readonly="readonly" placeholder="开始日期">

                            <span class="input-group-addon">
                                <i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
                            </span>
                        </div>

                        <label class="control-label">至</label>

                        <div class="input-group input-group-sm">
                            <input id="report_handle_end_date" class="form-control" type="text" readonly="readonly" placeholder="结束日期">

                            <span class="input-group-addon">
                                <i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
                            </span>
                        </div>
                    </div>
                </form>

                <form role="form" class="form-inline m-0 p-l-10 p-b-5">
                    <div class="form-group">
                        <shiro:hasPermission name="report:list">
                            <button id="search_report_btn" class="btn btn-danger btn-xs m-r-30" type="button">
                                <i class="ace-icon iconfont icon-search f-s-12"></i>搜索
                            </button>
                        </shiro:hasPermission>

                        <shiro:hasPermission name="report:create">
                            <a class="btn btn-success btn-xs" href="<%=basePath%>web/report/add.html">
                                <i class="ace-icon iconfont icon-plus f-s-12"></i>添加举报
                            </a>
                        </shiro:hasPermission>
                    </div>
                </form>
            </div>

            <div>
                <table id="report_table" class="table table-striped table-bordered table-hover"></table>
            </div>
        </div>
    </div>
</div>
</body>

<smModal>
    <div id="report_modal" role="dialog" class="modal fade" aria-hidden="true">
        <div class="modal-dialog width-800">
            <div class="modal-content">
                <div class="modal-header b-c-blue c-white height-60 line-height-60">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="ace-icon iconfont icon-fork"></i>
                    </button>

                    <h1 class="modal-title f-s-16 text-no-break">举报明细</h1>
                </div>

                <div class="modal-body p-0 height-680 text-break overflow-x-hidden overflow-y-auto"></div>

                <div class="modal-footer p-t-0 p-b-0 center b-c-gray height-60 line-height-60 text-no-break">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <div id="report_sendredpack_modal" role="dialog" class="modal fade" aria-hidden="true" data-backdrop="static"
         data-keyboard="false">
        <div class="modal-dialog width-800">
            <div class="modal-content">
                <div class="modal-header b-c-blue c-white height-60 line-height-60">
                    <button name="reportSendredpackCloseBtn" type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">
                        <i class="ace-icon iconfont icon-fork"></i>
                    </button>

                    <h1 class="modal-title f-s-16 text-no-break">发红包【微信红包】</h1>
                </div>

                <div class="modal-body p-0 height-350 text-break overflow-x-hidden overflow-y-auto"></div>

                <div class="modal-footer p-t-0 p-b-0 center b-c-gray height-60 line-height-60 text-no-break">
                    <shiro:hasPermission name="report:sendredpack">
                        <button name="reportSendredpackBtn" type="button" class="btn btn-danger">发红包</button>
                    </shiro:hasPermission>
                </div>
            </div>
        </div>
    </div>
</smModal>
</html>